/* Tab */
.tablist {  font-size: 14px; *zoom: 1; }
.tablist:after { display: table; content:''; clear:both; }
.tab { float: left; }
.tab_a { display: block; padding: .5em 1.5em; color: #333; text-decoration: none; }
.tab_a:hover { background-color: #ccc; }
.tab_on, .tab_on:hover { background-color: #34538b; color: #fff; }
.tab_content {  border: 1px solid #ddd; }
.tabpanel { padding: 15px; }
.tab_content_rel { height: 256px; overflow: hidden; position: relative; }
.tabpanel_abs { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; }
/*.tabpanel_abs img { width: 90%; height: 190px; margin-top: 30px; }*/
.tab_limit { width: 300px; margin: auto; }
.tab_auto_play { position: relative; text-align: center; *zoom:1; z-index: 1; }
.prev, .next { position: absolute; width: 30px; height: 60px; background: #bbb center no-repeat; border-radius: 4px; }
.prev { background-image: url(../images/prev.png); }
.next { background-image: url(../images/next.png); }
.prev:hover, .next:hover { background-color: #aaa; }
.tab_auto_play .prev { left: -60px; top: 110px; }
.tab_auto_play .next { right: -60px; top: 110px; }
.pause, .play { width: 50px; height: 50px; position: absolute; left: 50%; top: 110px; margin-left: -25px; z-index: 1; }
.pause { background: url(../images/pause.png) no-repeat 0 -50px; }
.play { background: url(../images/play.png) no-repeat 0 -50px; }
/* Carousel */
.caro_trigger { position: relative; width: 400px; margin-left: auto; margin-right: auto; font-size: 12px; }
.caro_trigger .disabled { color: #999; text-decoration: none; pointer-events: none; cursor: default; }
.caro_box { width: 256px; height: 256px; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; position: relative;}
.caro_container { width: 2000px; height: 100%; position: absolute; left: 0; top: 0; }
.caro_container li { width: 256px; height: 100%; float: left; }
.caro_container img { vertical-align: middle; }
.caro_container li:after { display: inline-block; content: ''; width: 0; height: 100%; vertical-align: middle; }
.caro_prev, .caro_next { position: absolute; top: 120px; }
.caro_prev { left: 0; }
.caro_next { right: 0; }
.caro_box2 { width: 532px; height: 190px; }
.caro_trigger2 .caro_prev,
.caro_trigger2 .caro_next { top: 80px; }
.caro_trigger2 { width: 676px; }
.caro_container2 li { margin-right: 20px; }
.caro_container3 { width: 100%; height: auto; }
.caro_container3 li { height: 256px; float: none; }
/* accordion */
.hand_toggle { width: 200px; height: 150px; font-size: 13px; }
.hand_title { display: block; padding: 5px 10px; background-color: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; color: #333; font-weight: bold; }
.hand_list { border: 1px solid #ccc; border-top: 0; }
.hand_list:first-child { border-top: 1px solid #ccc; }
.hand_content { height: 2.5em; padding: 10px; color: #666; }

.navv_bar { width: 160px; border: 1px solid #ccc; background-color: #fbfbfb; font-size: 13px; }
.navv_title { padding: 5px 10px; background-color: #eee; margin-bottom: 1px; cursor: pointer; font-size: 100%; }
.navv_title:hover { background-color: #ddd; }
.navv_ul li { padding: 4px 10px; cursor: pointer; color: #666; }
.navv_ul li:hover { background-color: #f5f5f5;}
.navv_cor { margin-left: 60px; font-size: 12px; color:#333; }